<template>
  <div class="forget">
    <div class="forget-title">
      <i @click="gologin" class="iconfont icon-arrow-right"></i>
    </div>
    <div class="forget-body">
      <div class="body-title">

      </div>
      <div class="body-input"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "forget",
  data(){
    return{

    }
  },
  methods:{
    gologin(){
      this.$router.push('/')
    }
  }
}
</script>

<style scoped lang="scss">
.forget{
  background: url(../assets/logins.jpg)center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  .forget-title{
    margin-top: vw(30);
    width: 100%;
    height: vw(90);
    box-sizing: border-box;
    line-height: vw(90);
    i{
      margin-left: vw(30);
      font-size: vw(50);
      color: #c1c1c1;
    }
  }
  .forget-body{
    width: vw(550);
    margin: vw(20) auto;
    .body-title{
      color: #c1c1c1;
    }
  }
}
</style>
